<!DOCTYPE html>
<html>
	<head>
		<!-- 声明编码格式 -->
    <meta charset="utf-8">
    <!-- 
	          自适应手机屏幕适配： 
	          页面宽度为设备屏幕宽度width=device-width、用户是否可以调整缩放比例user-scalable=no 
	          初始的缩放比例initial-scale=1.0、最小缩放比例minimum-scale=0.5、
	          最大缩放比例maximum-scale=1.0（选填可不加）
    -->
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0">
    <!-- 网站作者 -->
    <meta name="author" content="作者名、昵称、代号等">
    <!-- 网站描述 -->
    <meta name="description" content="本网站为...类型网站，主要服务对象为...">
    <!-- 网站关键词 -->
    <meta name="keywords" content="关键词1，关键词2，...">
    <!-- 禁止链接高亮 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- format-detection为格式检测 -->
    <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta name="format-detection" content="telephone=no">
    <!-- 告诉设备不识别邮箱，点击之后不自动发送 -->
    <meta name="format-detection" content="email=no">
    <!-- 禁止跳转至地图功能页面 -->
    <meta name="format-detection" content="adress=no">
    <!-- UC强制竖屏 -->
    <meta name="screen-orientation" content="portrait"> 
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true" />
    <!-- 360-优先使用 IE 最新版本和 Chrome进行渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <!-- 网页标题 -->
    <title>网页标题</title>
    <!-- 移动端初始化样式表 -->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <!-- 引入flexible.js或者flexible_simplify.js精简版，解决rem适配与机型计算问题 -->
    <script type="text/javascript" src="js/flexible.js"></script>
    <!-- 引入fastClick插件解决移动端点击300ms延迟问题 -->
    <script type="text/javascript" src="js/fastclick.js"></script>
    <!-- 实例化fastclick -->
    <script type="text/javascript">
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function() {
                FastClick.attach(document.body);
            }, false);
        }
    </script>
    <!--自定义脚本文件 -->
    <script type="text/javascript" src=""></script>
    <!--自定义CSS样式-->
    <link rel="stylesheet" type="text/css" href="css/zhu_ce.css"/>
	</head>
	<body>
		<div class="container">
			<div class="nav">
				<a id="back" href="javascript:;"></a>
				<p>注册</p>
			</div>
			<form action="">
				<div class="input-group">
					<span>用户名</span>
					<input id="nick" type="text" placeholder="请输入您的昵称" />
				</div>
				<div class="input-group">
					<span>手机号</span>
					<input id="tel" type="number" placeholder="请输入您的联系方式" />
				</div>
				<div class="input-group">
					<span>验证码</span>
					<input id="yz" type="text" placeholder="输入验证码" />
					<span id="yanzheng">获取验证码</span>
				</div>
				<div class="input-group">
					<span>登录密码</span>
					<input id="pwd1" type="password" placeholder="请输入6-20位密码" />
				</div>
				<div class="input-group">
					<span>确认密码</span>
					<input id="pwd2" type="password" placeholder="请再次输入密码" />
				</div>
				<div class="input-group">
					<span>邀请码</span>
					<input id="yaoqing" type="text" placeholder="如有 请输入邀请码（非必填）" />
				</div>
				<div class="checked">
					<input type="checkbox" checked="checked" />&nbsp;&nbsp;我已阅读并同意《云安装服务协议》
				</div>
				<div class="submit">
					<button id="submit1">立即注册</button>
				</div>
			</form>
		</div>
	</body>
	<script>
		var yzm = document.getElementById("yanzheng");
		var a = 30;
		yzm.addEventListener("touchstart",function(){
			timer = setInterval(function(){
				a--;
				yzm.innerHTML = a+"s";
				if(a == 0){
					clearInterval(timer);
					yzm.innerHTML = "重新发送";
				}
			},1000)
		})
		var back = document.getElementById("back");
		back.addEventListener("touchstart",function(){
			window.open("登录.html","_self")
		})
	</script>
</html>
